<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>Document</title>
</head>
<body>
<div id="app">
    <div v-if="type === 'A'">
        A
      </div>
      <div v-else-if="type === 'B'">
        B
      </div>
      <div v-else-if="type === 'C'">
        C
      </div>
      <div v-else>
        Not A/B/C
      </div>
</div>
</body>
<script src="../vue.js"></script>
<script>
const rw = new Vue({
    el:"#app",
    data:{
        type:"A "
    }
})
</script>
</html>